import React, { useEffect, useState } from 'react';
import { Card, Col, Row } from 'antd';
import { AxCardListEx } from '@/components/AxCardList';
import { router } from '_umi@2.13.17@umi';

const TableList: React.FC<any> = () => {
  const [data, setData] = useState<any>([]);
  // const tree = axhelper.getDicByEnumName('orgType').map((i: any) => ({
  //     ...i,
  //     id: i.value,
  // }));

  useEffect(() => {
    setData([
      // {
      //   id: 0,
      //   title: '采购中心',
      //   img: <img alt="do not show" src={'/img/ant.png'} width={50} height={50} />,
      //   actions: [
      //     {
      //       text: '点击进入',
      //       // text: <IconFont type='iconxiaochengxu' style={{ fontSize: 24 }} />,
      //       click: () => {
      //         router.push('/buyer');
      //       },
      //     },
      //   ],
      // },
      // }, {
      //     id: 1,
      //     title: '销售中心',
      //     img: <img alt='do not show' src={'/img/ant.png'} width={50} height={50} />,
      //     actions: [{
      //         text: '点击进入',
      //         // text: <IconFont type='iconxiaochengxu' style={{ fontSize: 24 }} />,
      //         click: () => { router.push('/seller')},
      //     }]
      // },
      {
        id: 2,
        title: '商品中心',
        img: <img alt="do not show" src={'/img/ant.png'} width={50} height={50} />,
        actions: [
          {
            text: '点击进入',
            // text: <IconFont type='iconxiaochengxu' style={{ fontSize: 24 }} />,
            click: () => {
              router.push('/buyer/material/goods/data');
            },
          },
        ],
      },
    ]);
  }, []);

  return (
    <Card title="快捷入口" bordered={false}>
      <Row gutter={16}>
        <Col span={18}>
          <AxCardListEx data={data} />
        </Col>
      </Row>
    </Card>
  );
};

export default TableList;
